<html lang="en">
<!--<a href="https://www.flaticon.com/free-icons/spy" title="spy animated icons">Spy animated icons created by Freepik - Flaticon</a>-->
<head>
  <meta charset="utf-8">
  <title>好工作尽在前程无忧</title>
  <meta name="description" content="particles.js is a lightweight JavaScript library for creating particles.">
  <meta name="author" content="Vincent Garreau">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
  <link rel="stylesheet" media="screen" href="./css/style.css">
  <link rel="stylesheet" type="text/css" href="./css/reset.css">
  <link href="./img/favicon.ico" rel="Shortcut Icon" />

<style id="tsbrowser_video_independent_player_style" type="text/css">
      [tsbrowser_force_max_size] {
        width: 100% !important;
        height: 100% !important;
        left: 0px !important;
        top: 0px !important;
        margin: 0px !important;
        padding: 0px !important;
        transform: none !important;
      }
      [tsbrowser_force_fixed] {
        position: fixed !important;
        z-index: 9999 !important;
        background: black !important;
      }
      [tsbrowser_force_hidden] {
        opacity: 0 !important;
        z-index: 0 !important;
      }
      [tsbrowser_hide_scrollbar] {
        overflow: hidden !important;
      }
      [tsbrowser_display_none] {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
      }
      [tsbrowser_force_show] {
        display: black !important;
        visibility: visible !important;
        opacity: 0;
      }</style></head>
<body>

<div id="particles-js">
		<div class="login" id="login">
			<div class="login-top">
				成绩查询
			</div>
			<div class="login-center clearfix">
				<div class="login-center-img"><img src="./img/user.gif"></div>
				<div class="login-center-input">
					<input type="text" name="" id="name" maxlength="20" value="" placeholder="请输入您的姓名" onfocus="this.placeholder=''" onblur="this.placeholder='请输入您的姓名'">
					<div class="login-center-input-text">姓名</div>
				</div>
			</div>
			<div class="login-center clearfix">
				<div class="login-center-img"><img src="./img/encryption.gif"></div>
				<div class="login-center-input">
					<input type="text" name="" id="usernumber" maxlength="20" onkeyup="this.value=this.value.replace(/[^\w_]/g,'');" value="" placeholder="请输入您的考号" onfocus="this.placeholder=''" onblur="this.placeholder='请输入您的考号'">
					<div class="login-center-input-text">考号</div>
				</div>
			</div>
			<div class="login-center clearfix">
				<div class="login-center-img"><img src="./img/spy.gif"></div>
				<div class="login-center-input">
					<input type="text" name="" id="verifynumber" maxlength="4" onkeyup="value=value.replace(/[\W]/g,'')" value="" placeholder="请输入验证码" onfocus="this.placeholder=''" onblur="this.placeholder='请输入验证码'">
					<div class="login-center-input-text">验证码</div>
					<a href="javascript:serv.verifys()">  <!--测试图片： ./img/image_code.png-->
						<img id="img_verifys" src="" alt="" style="visibility: visible" class="left" width="34%" height="30"/>
					</a>
					<a href="javascript:serv.verifys()" class="verbtn" id="verbtn">&#8635</a>
					<span style="display: none">
						<input type="text" value="" id="verifyCodeId" />
				    </span>
				</div>
			</div>
<!--			<div class="login-center clearfix" align="center">-->
<!--				<a href="javascript:serv.verifys()">-->
<!--					<img id="img_verifys" src="" alt="" style="visibility: visible" class="left" />-->
<!--				</a>-->
<!--				<a href="javascript:serv.verifys()" class="verbtn">看不清？</a>-->
<!--				<span style="display: none">-->
<!--					<input type="text" value="" id="verifyCodeId" />-->
<!--				</span>-->
<!--			</div>-->
			<div class="login-button" id="login-button">
				查询
			</div>
		</div>
		<div class="login" id="result" style="display: none">
			<div class="login-top">
				成绩详情
			</div>
			<div class="login-center clearfix">
				<div class="login-center-img"><img src="./img/user.gif"></div>
				<div class="login-center-input">
					<input type="text" name="" title="姓名" id="userName" value="" onfocus="this.placeholder=''" onblur="this.placeholder='您的姓名'" disabled ="disabled">
					<div class="login-center-input-text">姓名</div>
				</div>
			</div>
			<div class="login-center clearfix">
				<div class="login-center-img"><img src="./img/encryption.gif"></div>
				<div class="login-center-input">
					<input type="text" name="" title="考号" id="candidateNumber" value="" onfocus="this.placeholder=''" onblur="this.placeholder='您的考号'" disabled ="disabled">
					<div class="login-center-input-text">考号</div>
				</div>
			</div>
			<div class="login-center clearfix">
				<div class="login-center-img"><img src="./img/diploma.gif"></div>
				<div class="login-center-input">
					<input type="text" name="" title="成绩" id="score" value="" onfocus="this.placeholder=''" onblur="this.placeholder='您的成绩'" disabled ="disabled">
					<div class="login-center-input-text">成绩</div>
				</div>
			</div>
			<div class="login-button" id="return-button">
				返回查询
			</div>
		</div>
		<div class="sk-rotating-plane"></div>
<canvas class="particles-js-canvas-el" width="358" height="660" style="width: 100%; height: 100%;"></canvas></div>

<!-- scripts -->
<script src="./js/layui.js"></script>
<script src="./js/particles.min.js"></script>
<script src="./js/app.js"></script>
<script src="./js/main.js"></script>

</body>
  <script type="text/javascript">
    serv.verifys();
  </script>
</html>

<!--弃用代码-->
<!--script type="text/javascript">
	function hasClass(elem, cls) {
	  cls = cls || '';
	  if (cls.replace(/\s/g, '').length == 0) return false; //当cls没有参数时，返回false
	  return new RegExp(' ' + cls + ' ').test(' ' + elem.className + ' ');
	}

	function addClass(ele, cls) {
	  if (!hasClass(ele, cls)) {
	    ele.className = ele.className == '' ? cls : ele.className + ' ' + cls;
	  }
	}

	function removeClass(ele, cls) {
	  if (hasClass(ele, cls)) {
	    var newClass = ' ' + ele.className.replace(/[\t\r\n]/g, '') + ' ';
	    while (newClass.indexOf(' ' + cls + ' ') >= 0) {
	      newClass = newClass.replace(' ' + cls + ' ', ' ');
	    }
	    ele.className = newClass.replace(/^\s+|\s+$/g, '');
	  }
	}
		document.querySelector(".loginbutton-").onclick = function(){
				addClass(document.querySelector(".login"), "active")
				setTimeout(function(){
					addClass(document.querySelector(".sk-rotating-plane"), "active")
					document.querySelector(".login").style.display = "none"
				},800)
				setTimeout(function(){
					removeClass(document.querySelector(".login"), "active")
					removeClass(document.querySelector(".sk-rotating-plane"), "active")
					document.querySelector(".login").style.display = "block"
					alert("查询成功")

				},5000)
		}
</script-->